<!DOCTYPE html>
<html>


<!-- Mirrored from www.zi-han.net/theme/hplus/table_data_tables.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:01 GMT -->
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>毕设管理系统</title>
    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">

    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">

    <!-- Data Tables -->
    <link href="css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">

    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/style.min862f.css?v=4.1.0" rel="stylesheet">

</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>基本 <small>分类，查找</small></h5>
                    <div class="ibox-tools">
                        <a class="collapse-link">
                            <i class="fa fa-chevron-up"></i>
                        </a>
                        <a class="dropdown-toggle" data-toggle="dropdown" href="table_data_tables.html#">
                            <i class="fa fa-wrench"></i>
                        </a>
                        <ul class="dropdown-menu dropdown-user">
                            <li><a href="table_data_tables.html#">选项1</a>
                            </li>
                            <li><a href="table_data_tables.html#">选项2</a>
                            </li>
                        </ul>
                        <a class="close-link">
                            <i class="fa fa-times"></i>
                        </a>
                    </div>
                </div>
                <div class="ibox-content">
                    <table class="table table-striped table-bordered table-hover dataTables-example">
                        <thead>
                        <tr>
                            <th>序号</th>
                            <th>课程名称</th>
                            <th>课程描述</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr class="gradeX">
                            <td>1</td>
                            <td>Java课程
                            </td>
                            <td>Java课程</td>
                            <td class="center">
                                <button type="button" class="btn btn-primary" title="修改" onclick="doEdit()" style="background-color: royalblue;">
                                    通过
                                </button>
                                <button type="button" class="btn btn-primary" title="删除" onclick="doDelete()" style="background-color: red;">
                                    不通过
                                </button>
                            </td>
                        </tr>
                        <tr class="gradeC">
                            <td>2</td>
                            <td>Web课程
                            </td>
                            <td>Web课程</td>
                            <td class="center">
                                <button type="button" class="btn btn-primary" title="修改" onclick="doEdit()" style="background-color: royalblue;">
                                    通过
                                </button>
                                <button type="button" class="btn btn-primary" title="删除" onclick="doDelete()" style="background-color: red;">
                                    不通过
                                </button>
                            </td>
                        </tr>
                        <tr class="gradeA">
                            <td>3</td>
                            <td>UI课程
                            </td>
                            <td>UI课程</td>
                            <td class="center">
                                <button type="button" class="btn btn-primary" title="修改" onclick="doEdit()" style="background-color: royalblue;">
                                    通过
                                </button>
                                <button type="button" class="btn btn-primary" title="删除" onclick="doDelete()" style="background-color: red;">
                                    不通过
                                </button>
                            </td>
                        </tr>
                        <tr class="gradeA">
                            <td>4</td>
                            <td>Javaweb课程
                            </td>
                            <td>Javaweb课程</td>
                            <td class="center">
                                <button type="button" class="btn btn-primary" title="修改" onclick="doEdit()" style="background-color: royalblue;">
                                    通过
                                </button>
                                <button type="button" class="btn btn-primary" title="删除" onclick="doDelete()" style="background-color: red;">
                                    不通过
                                </button>
                            </td>
                        </tr>
                        <tr class="gradeA">
                            <td>5</td>
                            <td>营销课程</td>
                            <td>营销课程</td>
                            <td class="center">
                                <button type="button" class="btn btn-primary" title="修改" onclick="doEdit()" style="background-color: royalblue;">
                                    通过
                                <button type="button" class="btn btn-primary" title="删除" onclick="doDelete()" style="background-color: red;">
                                    不通过
                                </button>
                            </td>
                        </tr>
                        <tr class="gradeA">
                            <td>6</td>
                            <td>英语</td>
                            <td>英语</td>
                            <td class="center">
                                <button type="button" class="btn btn-primary" title="修改" onclick="doEdit()" style="background-color: royalblue;">
                                    通过
                                </button>
                                <button type="button" class="btn btn-primary" title="删除" onclick="doDelete()" style="background-color: red;">
                                    不通过
                                </button>
                            </td>
                        </tr>
                        <tr class="gradeA">
                            <td>7</td>
                            <td>数学</td>
                            <td>数学</td>
                            <td class="center">
                                <button type="button" class="btn btn-primary" title="修改" onclick="doEdit()" style="background-color: royalblue;">
                                    通过
                                </button>
                                <button type="button" class="btn btn-primary" title="删除" onclick="doDelete()" style="background-color: red;">
                                    不通过
                                </button>
                            </td>
                        </tr>
                        <tr class="gradeA">
                            <td>8</td>
                            <td>毛概</td>
                            <td>毛概</td>
                            <td class="center">
                                <button type="button" class="btn btn-primary" title="修改" onclick="doEdit()" style="background-color: royalblue;">
                                    通过
                                </button>
                                <button type="button" class="btn btn-primary" title="删除" onclick="doDelete()" style="background-color: red;">
                                    不通过
                                </button>
                            </td>
                        </tr>
                        <tr class="gradeA">
                            <td>9</td>
                            <td>语文</td>
                            <td>语文</td>
                            <td class="center">
                                <button type="button" class="btn btn-primary" title="修改" onclick="doEdit()" style="background-color: royalblue;">
                                    通过
                                </button>
                                <button type="button" class="btn btn-primary" title="删除" onclick="doDelete()" style="background-color: red;">
                                    不通过
                                </button>
                            </td>
                        </tr>
                        <tr class="gradeA">
                            <td>10</td>
                            <td>ps课程</td>
                            <td>ps课程</td>
                            <td class="center">
                                <button type="button" class="btn btn-primary" title="修改" onclick="doEdit()" style="background-color: royalblue;">
                                    通过
                                </button>
                                <button type="button" class="btn btn-primary" title="删除" onclick="doDelete()" style="background-color: red;">
                                    不通过
                                </button>
                            </td>
                        </tr>
                        <tr class="gradeA">
                            <td>11</td>
                            <td>软件工程</td>
                            <td>软件工程</td>
                            <td class="center">
                                <button type="button" class="btn btn-primary" title="修改" onclick="doEdit()" style="background-color: royalblue;">
                                    通过
                                </button>
                                <button type="button" class="btn btn-primary" title="删除" onclick="doDelete()" style="background-color: red;">
                                    不通过
                                </button>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 添加 start-->
<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">入职</h4>
            </div>
            <div class="modal-body">
                <form id="frm" class="form-horizontal m-t" action="newsT/newsTAjaxSave.do">
                    <input type="hidden" id="id" name="id">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">课程：</label>
                        <div class="col-sm-8">
                            <input id="course" name="course" type="text" class="form-control" required>

                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">课程描述：</label>
                        <div class="col-sm-8">
                            <input id="describe" name="describe" type="text" class="form-control" required>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button id="btn" type="submit" class="btn btn-primary" onclick="doSave()">提交</button>
            </div>
        </div>
    </div>
</div>

<!-- 修改 start-->
<div class="modal fade" id="addModal2" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">入职</h4>
            </div>
            <div class="modal-body">
                <form id="frm" class="form-horizontal m-t" action="newsT/newsTAjaxSave.do">
                    <input type="hidden" id="id" name="id">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">课程：</label>
                        <div class="col-sm-8">
                            <input id="course" name="course" type="text" class="form-control" placeholder="java课程" required>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">课程描述：</label>
                        <div class="col-sm-8">
                            <input id="describe" name="describe" type="text" class="form-control" placeholder="Java课程" required>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button id="btn" type="submit" class="btn btn-primary" onclick="doSave()">提交</button>
            </div>
        </div>
    </div>
</div>

<!-- 审核 start-->
<div class="modal fade" id="addModal3" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">审核</h4>
            </div>
            <div class="modal-body">
                <table class="table table-striped table-bordered table-hover dataTables-example">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>课程名称</th>
                        <th>课程描述</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr class="gradeX">
                        <td>1</td>
                        <td>Java课程
                        </td>
                        <td>Java课程</td>
                        <td class="center">
                            <button type="button" class="btn btn-primary" title="添加" >
                                审核通过 </i>
                            </button>
                        </td>
                    </tr>
                    <tr class="gradeC">
                        <td>2</td>
                        <td>Web课程
                        </td>
                        <td>Web课程</td>
                        <td class="center">
                            <button type="button" class="btn btn-primary" title="添加" >
                                审核通过 </i>
                            </button>
                        </td>
                    </tr>
                    <tr class="gradeA">
                        <td>3</td>
                        <td>UI课程
                        </td>
                        <td>UI课程</td>
                        <td class="center">
                            <button type="button" class="btn btn-primary" title="添加" >
                                审核通过 </i>
                            </button>
                        </td>
                    </tr>
                    <tr class="gradeA">
                        <td>4</td>
                        <td>Javaweb课程
                        </td>
                        <td>Javaweb课程</td>
                        <td class="center">
                            <button type="button" class="btn btn-primary" title="添加" >
                                审核通过 </i>
                            </button>
                        </td>
                    </tr>
                    <tr class="gradeA">
                        <td>5</td>
                        <td>营销课程</td>
                        <td>营销课程</td>
                        <td class="center">
                            <button type="button" class="btn btn-primary" title="添加" >
                                审核通过 </i>
                            </button>
                        </td>
                    </tr>

                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button id="btn" type="submit" class="btn btn-primary" onclick="doSave()">提交</button>
            </div>
        </div>
    </div>
</div>


<script type="text/javascript">
    function doAdd(){
        // alert(1111)
        // 显示表单
        $('#addModal').modal('toggle');
    }

    function doEdit(){
        // alert(2222)
        // 显示表单
        $('#addModal2').modal('toggle');
    }

    function doAudit(){
        // alert(3333)
        $('#addModal3').modal('toggle');
    }
</script>



<script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/bootstrap.min.js?v=3.3.6"></script>
<script src="js/plugins/jeditable/jquery.jeditable.js"></script>
<script src="js/plugins/dataTables/jquery.dataTables.js"></script>
<script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>
<script src="js/content.min.js?v=1.0.0"></script>
<script>
    $(document).ready(function() {
        $(".dataTables-example").dataTable();
        var oTable = $("#editable").dataTable();
        oTable.$("td").editable("http://www.zi-han.net/theme/example_ajax.php", {
            "callback": function(sValue, y) {
                var aPos = oTable.fnGetPosition(this);
                oTable.fnUpdate(sValue, aPos[0], aPos[1])
            },
            "submitdata": function(value, settings) {
                return {
                    "row_id": this.parentNode.getAttribute("id"),
                    "column": oTable.fnGetPosition(this)[2]
                }
            },
            "width": "90%",
            "height": "100%"
        })
    });

    function fnClickAddRow() {
        $("#editable").dataTable().fnAddData(["Custom row", "New row", "New row", "New row", "New row"])
    };
</script>
<script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>

</body>


<!-- Mirrored from www.zi-han.net/theme/hplus/table_data_tables.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:02 GMT -->
</html>
